<!-- 图片消息 -->
<template>
	<div class="msg-image">
		<el-image v-if="props.data"
	    style="width: 100%; height: 100%"
	    :src="props.data" 
	    :preview-src-list="[props.data]">
	  </el-image>
	</div>
  
</template>

<script setup>
	import { reactive, ref, onMounted } from 'vue'

	const props = defineProps({
		data: {
			type: String,
			default: ''
		}
	})

	onMounted(() => {
		
	})

</script>

<style scoped>
.msg-image {
	width: 200px;
	height: 200px;
}
</style>